Интересная штука с Promise.all

[kvizor34]

Добрый день.
К примеру, в цикле я создаю массив промисов, которые выполняют get запрос, и на каждой итерации немного меняется url запроса.

var arr = [];
        for (let i=1; i<=10; i++){
            arr[i] = new Promise((resolve,reject)=>{
                var xhr = new XMLHttpRequest();
                xhr.open('GET', 'https://jsonplaceholder.typicode.com/users/'+i, true);
                xhr.onload = function() {
                    if (this.status === 200) {
                        resolve(this.response);
                    } else {
                        var error = new Error(this.statusText);
                        error.code = this.status;
                        reject(error);
                    }
                };
                xhr.onerror = function() {
                    reject(new Error("Network Error"));
                };
                xhr.send();
            });
        }
        Promise.all(arr).then(
            (resolve) => {
                console.log("Ответ сервера: " + resolve)
            },
            (reject) => {
                console.log("Ошибка: " + reject)
            }
        );

Этот код работает, можете прям в консоли браузера запустить.

Но если вместо стандартного XHR использовать $.ajax, почему то работать всё перестаёт (если быть точным, вместо объектов в консоль выводится их стандартный метод toString - [object Object]):

var arr = [];
        for (let i=1; i<=10; i++){
            arr[i] = new Promise((resolve,reject)=>{
               $.ajax({
                    url: 'https://jsonplaceholder.typicode.com/users/'+i,
                    success: function (data) {
                        resolve(data);
                    },
                    error: function (jqXHR, textStatus) {
                        reject(textStatus);
                    }
                })
            });
        }
        Promise.all(arr).then(
            (resolve) => {
                console.log("Ответ сервера: " + resolve)
            },
            (reject) => {
                console.log("Ошибка: " + reject)
            }
        );

То же можно запустить в консоле.

Кто скажет - в чём дело?

[Nexus]

kvizor34,

Кто скажет - в чём дело?

В типе данных ответа.
xhr возвращает строку, jq в зависимости от заголовков ответа может вернуть и объект, и массив.

Плюсик на запятую в методе log объекта console поменяйте.

[kvizor34]

kvizor34,
В типе данных ответа.

Благодарю! буду знать.
Это получается что в первом случае (через xhr) я вижу в консоли просто красиво структурированную строку, верно?

[Nexus]

kvizor34, да.

Upd. https://developer.mozilla.org/en-US/...quest/response
XMLHttpRequest.response ведет себя также.

Протестировал ваш код, что xhr, что jq возвращают массив строк и, соответственно, выводятся в консоли адекватно.
Т.е. не увидел описанной вами проблемы.

[SuperZen]

// console.log("Ответ сервера: " + resolve)
console.log("Ответ сервера: ")
console.log(resolve)
// или
console.log("Ответ сервера: ", resolve)
// и можно посмотреть typeof что-то там
console.log(typeof resolve)